
var mad_hint_texto = '';

function posicionarDica () {

	var camada = document.getElementById('mad_hint');
	var linha = document.getElementById('hint_text');
	var imagem = document.getElementById('hint_image');
	var esq = calculaPosicaoHint(imagem, 'offsetLeft');
	var cima = calculaPosicaoHint(imagem, 'offsetTop') + imagem.offsetHeight;

	camada.style.left = esq + 'px';
	camada.style.top = cima + 'px';
	camada.style.border = '#F9F9F9 1px solid';
	//linha.style.width = '360px';
}

function mostrarDicas () {

	posicionarDica();
	var camada = document.getElementById('mad_hint');
	camada.style.visibility = 'visible';
	var linha = document.getElementById('hint_text');
	linha.innerHTML = mad_hint_texto;
}

function limparDicas () {

	var camada = document.getElementById('mad_hint');
	camada.style.visibility = 'hidden';
}

function calculaPosicaoHint (campo, atributo) {

	var posicao = 0;

	while (campo) {
		posicao += campo[atributo];
		campo = campo.offsetParent;
	}	
	return posicao;
}